{% extends "../../_basic.twig" %}


{% block header %}
    <script src="../../../src/aux-tab/index.js?v={{random()}}"></script>
    <link rel="stylesheet" href="../../../src/aux-tab/index.css?v={{random()}}">

    <script src="../../../src/aux-sel/index.js?v={{random()}}"></script>
    <link rel="stylesheet" href="../../../src/aux-sel/index.css?v={{random()}}">
{% endblock %}

{% block body %}
    <div>      
        <h3>默认</h3>        
        <aux-tab-navs for="tabnav1">
            <aux-tab-nav class="active" >1</aux-tab-nav>
            <aux-tab-nav >2</aux-tab-nav>
            <aux-tab-nav>3</aux-tab-nav>    
        </aux-tab-navs>

        <aux-sel selected="0" aux-tab-navs="tabnav1">
            <auc-item>tabnav1</auc-item>
            <auc-item>tabnav2</auc-item>
            <auc-item>tabnav3</auc-item>
        </aux-sel>
    </div>
{% endblock %}


